<template>
	<!-- 发布  第二版样式  上牌地址-->
	<!-- 地区列表 -->
	<view class="region-list flex flex-dir-c">
		
		<!-- <view class="search-bar"><u-search :show-action="false" placeholder="请输入您想查找的商品" bg-color="#f6f6f6" v-model="searchVal" @search="search"></u-search></view> -->
	  <view class="search-bar pb20">
	  	<view class="font-30 pad-t-b-10">
	  		{{type==='1'?'注册地址':'定位地址'}}
	  	</view>
			<view class="nowcity" v-if="nowCity.name" @click="selected(nowCity)">
				{{nowCity.name}}
			</view>
	  </view>
		<!-- 列表内容 -->
	  <view class="list-content">
	    <scroll-view scroll-y scroll-with-animation show-scrollbar :scroll-into-view="addtoView" class="content-list">
	      <view class="brandcss" >
	        <view class="alladdress">全部地区</view>
	      </view>
	      <view v-for="(item, index) in cityList" :id="item.letter" :key="item.letter">
	        <view class="abcd">{{ item.letter | letter }}</view>
	        <view class="Brandcss">
	          <view class="list-cell" v-for="(item1, index1) in item.data" :key="index1">
	            <view class="city-text" @tap="selected(item1)">
	              <view class="area">{{ item1.name }}</view>
	            </view>
	          </view>
	        </view>
	      </view>
	    </scroll-view>
	  </view>
	  
	  <!-- 字母索引 -->
	  <view class="floor flex flex-dir-c flex-jc-sb">
	    <view v-for="(item, index) in cityList" :data-id="item.letter" :key="item.id" @tap="addressToView">{{ item.letter | letter }}</view>
	  </view>
	</view>
</template>


<script src="./thereGistrationAddress.js"></script>
<style lang="scss" scoped>
	@import './thereGistrationAddress.scss';
</style>
